import { TagGuid } from "./TagGuid"
import { SearchBar } from "./Search"
import { SwitchBar } from "./Switch"
import { Form, FormProps } from "antd"
import { boxPadding } from "../style"

export default function FormTool<Values>({
  ...props
}: FormProps<Values> & {
  children?: React.ReactNode
}) {
  return (
    <Form
      component="div"
      style={{
        display: "flex",
        flexDirection: "column",
        gap: boxPadding,
        padding: boxPadding
      }}
      {...props}
    ></Form>
  )
}

FormTool.TagGuid = TagGuid
FormTool.SearchBar = SearchBar
FormTool.SwitchBar = SwitchBar
